<!--grid-->
<br>
<div class="exchange-card">
    <div class="grid-header">
        <div class="grid-title">卡号</div>
        <div class="grid-title">启用状态</div>
        <div class="grid-title" style="width:8%">有效期</div>
        <div class="grid-title">卡券状态</div>
        <div class="grid-title">兑换订单号</div>
        <div class="grid-title">兑换账号</div>
        <div class="grid-title">模板名称</div>
        <div class="grid-title" style="width:10%">商品销售名</div>
        <div class="grid-title">销售渠道</div>
    </div>
    <div class="grid-container">
        <div class="grid-item" *ngFor="let row of rows">
            <div class="grid-itemInfo">{{row.code}}</div>
            <div class="grid-itemInfo" *ngIf="row.isEnable">启用中</div>
            <div class="grid-itemInfo" *ngIf="!row.isEnable">启用中</div>
            <div class="grid-itemInfo" style="width:8%">{{row.deadlineTime*1000 | date:'yyyy-MM-dd HH:mm:dd'}}</div>
            <div class="grid-itemInfo" *ngIf="row.isUsed">已兑换</div>
            <div class="grid-itemInfo" *ngIf="!row.isUsed">未兑换</div>
            <div class="grid-itemInfo">{{row.orderSn}}</div>
            <div class="grid-itemInfo">{{row.account}}</div>
            <div class="grid-itemInfo">{{row.templateName}}</div>
            <div class="grid-itemInfo" style="width:10%">{{row.goodsName}}</div>
            <div class="grid-itemInfo">{{row.channel}}</div>
        </div>
    </div>
</div>